<!DOCTYPE html>
<html lang="">
<head>
    <title>sign</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="../static/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <script src="../static/js/vue.js"></script>
    <script src="../static/js/axios.js"></script>
    <script src="../static/element-ui/index.js"></script>
    <link rel="stylesheet" href="../static/element-ui/index.css">
    <link rel="stylesheet" href="../static/css/sign.css">

</head>
<body>
<div id="base" class="">

    <!-- 标题 -->
    <div id="u31" class="ax_default _三级标题">
        <div id="u31_div" class=""></div>
        <div id="u31_text" class="text ">
            <div v-show="isSign"><p><span>注册</span></p></div>
            <div v-show="!isSign"><p><span>修改</span></p></div>
        </div>
    </div>
    <div id="u14" class="ax_default _二级标题">
        <div id="u14_div" class=""></div>
        <div id="u14_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- 注册框 -->
    <div id="u15" class="ax_default box_1">
        <div id="u15_div" class=""></div>
        <div id="u15_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
        <div id="u20" class="ax_default label">
            <div id="u20_div" class=""></div>
            <div id="u20_text" class="text ">
                <p><span>账号</span></p>
            </div>
        </div>
        <!-- 账号输入 -->
        <div id="u16" class="ax_default text_field">
            <div id="u16_div" class=""></div>
            <input v-model="user.username" id="u16_input" type="text" value="" class="u16_input"/>
        </div>

        <div id="u21" class="ax_default label">
            <div id="u21_div" class=""></div>
            <div id="u21_text" class="text ">
                <p><span>昵称</span></p>
            </div>
        </div>
        <!-- 昵称输入 -->
        <div id="u17" class="ax_default text_field">
            <div id="u17_div" class=""></div>
            <input v-model="user.nickname" id="u17_input" type="text" value="" class="u17_input"/>
        </div>

        <div id="u22" class="ax_default label">
            <div id="u22_div" class=""></div>
            <div id="u22_text" class="text ">
                <p><span>密码</span></p>
            </div>
        </div>
        <!-- 密码输入 -->
        <div id="u18" class="ax_default text_field" data-label="密码">
            <div id="u18_div" class=""></div>
            <input v-model="user.password" id="u18_input" type="password" value="" class="u18_input"/>
        </div>

        <div id="u23" class="ax_default label">
            <div id="u23_div" class=""></div>
            <div id="u23_text" class="text ">
                <p><span>邮箱</span></p>
            </div>
        </div>

        <!-- 邮箱输入 -->
        <div id="u19" class="ax_default text_field">
            <div id="u19_div" class=""></div>
            <input v-model="user.email" id="u19_input" type="email" value="" class="u19_input"/>
        </div>


        <div id="u26" class="ax_default label">
            <div id="u26_div" class=""></div>
            <div id="u26_text" class="text ">
                <p><span>省</span></p>
            </div>
        </div>
        <!-- 省 -->
        <div id="u24" class="ax_default droplist">
            <div id="u24_div" class=""></div>
            <select id="u24_input" class="u24_input" v-model="province">
                <option v-for="o in options" :value="o" v-text="o.label"></option>
            </select>
        </div>

        <div id="u27" class="ax_default label">
            <div id="u27_div" class=""></div>
            <div id="u27_text" class="text ">
                <p><span>市</span></p>
            </div>
        </div>
        <!-- 市 -->
        <div id="u25" class="ax_default droplist">
            <div id="u25_div" class=""></div>
            <select id="u25_input" class="u25_input" v-model="user.place" v-if="province!==''">
                <option v-text="option.label" v-for="option in province.children" :value="option.value"></option>
            </select>
        </div>


        <div id="u30" class="ax_default label">
            <div id="u30_div" class=""></div>
            <div id="u30_text" class="text ">
                <p><span>简介</span></p>
            </div>
        </div>
        <!-- 自我简介输入 -->
        <div id="u29" class="ax_default text_area">
            <div id="u29_div" class=""></div>
            <textarea v-model="user.introduction" id="u29_input" class="u29_input"></textarea>
        </div>


        <div id="u34" class="ax_default label">
            <div id="u34_div" class=""></div>
            <div id="u34_text" class="text ">
                <p><span>邮箱验证</span></p>
            </div>
        </div>
        <!-- 输入验证码 -->
        <div id="u33" class="ax_default text_field">
            <div id="u33_div" class=""></div>
            <input v-model="user.code" id="u33_input" type="email" value="" class="u33_input"/>
        </div>
        <!-- 发送验证码-->
        <div id="u35" class="ax_default primary_button">
            <el-button type="primary" @click="send_email_" round v-show="!issend">发送</el-button>
            <div v-show="issend" style="position: absolute;top:10px;left: 10px;width: auto;display: flex;flex-direction: row">
                <el-statistic
                    ref="statistic"
                    @finish="hilarity"
                    format="ss"
                    :value="dead"
                    time-indices
            >
            </el-statistic>
                <span style="font-size: 22px;position: relative;bottom: 2px">s</span>
            </div>

        </div>

        <div style="position: absolute; width: 100px;height: 40px;bottom: 20px;right: 40px">
            <el-button type="success" style="width: 100px;height: 40px" @click="sign">注册</el-button>
        </div>
        <div style="position: absolute;left: 80px;bottom: 30px">
            <el-link href="/user/login" type="primary">返回</el-link>
        </div>
    </div>


</div>


<script src="../static/js/sign.js"></script>
</body>
</html>
